<ion-view class="content-color text-black-big" title="移动签到" cache-view="false">
    <div class="sub-header-home ">
        <div class="white-color row">
            <div class="col col-50 text-left text-black-middle">本月全勤天数</div>
            <div class="col col-50 text-right text-black-middle">目前排名</div>
        </div>
        <div class="row " style="  height: 160px;border: 1px solid #ddd;margin: 0;border-right: 0;padding-top: 20px;">
            <div class="col col-33 text-center">
                <div style="width: 105px;height: 105px;border-radius: 50%;background-color: #ffffff;margin-left: 10px;">
                    <img width=75 height=75 style="margin-top: 15px" src='img/default-avatar.png'/>
                    <!--<img width=75 height=75 style="margin-top: 15px" ng-src="{{'data:image/png;base64,'+userImage || 'img/default-avatar.png'}}">-->
                </div>
            </div>
            <div class="col col-67 " style="margin-left: 10px;">
                <!-- 人员名称 -->
                <div class="text-black-big">名字</div>
                <div class="text-black-small">所属部门：</div>
                <div class="text-black-small">公司名称：</div>
                <div class="text-black-small">员工编号：</div>
            </div>
        </div>
    </div>


    <ion-content class="has-header" style="top: 248px;">

        <div class="list ">
            <div class="item content-color" style="border-width: 0px;" ng-repeat="sign in sign_data">
                <div class="text-black-middle" style="text-align: center" >
                    {{sign.date }}
                </div>
                <div class="list second">
                    <div class="row item content-color" style="border-width: 0px;line-height: 60px;" ng-repeat="detail in sign.detail">

                        <div class="text-black-small" style="padding-top: 5px;position: absolute;right: 50%;transform: translateX(-30px);-webkit-transform: translateX(-30px);">
                            {{detail.time | filterDate }}
                        </div>
                        <div  style="margin: auto;width: 100%;">
                            <div class="line-up"></div>
                            <div class="circle-yellow-one"></div>
                            <div class="line-down"></div>
                        </div>
                        <div class="li-triangle" style="position: absolute;left: 50%;"></div>
                        <div  style="margin-top: 10px;position: absolute;left: 50%;transform: translateX(40px);-webkit-transform: translateX(40px);">
                            <div class="item text-black-small" style="border-radius: 10px;line-height: 50px;padding: 0px 8px;">
                                {{detail.place }}
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>


        <!--<div class="list">-->
            <!--<div class="item" style="border-width: 0px;" ng-repeat="sign in sign_data">-->
                <!--<div style="text-align: center" ng-show="sign.date">-->
                    <!--{{sign.date }}-->
                <!--</div>-->
                <!--<div class="row" ng-show="sign.time">-->
                    <!--<div class="col col-50" style="text-align: right;padding-right: 25px;">-->
                        <!--{{sign.time | filterDate }}-->
                        <!--<div class="line-short"></div>-->
                        <!--<div class="circle-yellow"></div>-->
                    <!--</div>-->
                    <!--<div class="col col-50" style="padding-left: 25px;">{{sign.place }}</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->


    </ion-content>
    <ion-footer-bar style="height: 50px;padding: 0;">
        <!--<div class="button-bar">-->
            <!--<a class="button button-assertive" ng-click="saveOneTodo()"-->
               <!--style="font-size:18px;font-weight:bold;"><b>保存</b></a>-->
        <!--</div>-->
        <div style="padding: 0;" class="row">
            <!--<div class="col col-20"></div>-->
            <!--<div class="col col-60">-->
                <!--<div class="button-bar">-->
                    <!--<a ng-class="btn.defaultbtnleft" ng-click="changeActive(0)">我要签到</a>-->
                    <!--<a ng-class="btn.defaultbtnright" ng-click="changeActive(1)">外勤签到</a>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="col col-20"></div>-->


            <div class="col col-50">
                <button ng-class="btn.defaultbtnleft" ng-click="changeActive(0)">我要签到</button>
            </div>
            <div class="col col-50">
                <button ng-class="btn.defaultbtnright" ng-click="changeActive(1)">外勤签到</button>
            </div>
        </div>
    </ion-footer-bar>

</ion-view>

